<template>
  <div class="tabbar">
    <van-tabbar v-model="active">
      <van-tabbar-item to="/home">
        <van-icon
          class="iconfont"
          class-prefix="icon"
          slot="icon"
          name="shouyexuanzhong"
        ></van-icon>
        首页
      </van-tabbar-item>
      <van-tabbar-item to="/alarm">
        <van-icon
          class="iconfont"
          class-prefix="icon"
          slot="icon"
          name="baojingguanlixuanzhong"
        ></van-icon>
        报警管理
      </van-tabbar-item>
      <van-tabbar-item to="/realtimemonitor">
        <van-icon
          class="iconfont"
          class-prefix="icon"
          slot="icon"
          name="shishijiancexuanzhong"
        ></van-icon>
        实时监测
      </van-tabbar-item>
      <van-tabbar-item to="/my">
        <van-icon
          class="iconfont"
          class-prefix="icon"
          slot="icon"
          name="wodexuanzhong"
        ></van-icon>
        我的
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data: () => ({}),
  props: ["active"],
  created() {},
  methods: {},
};
</script>
<style lang="less" scoped></style>
